<!doctype html>
<html lang="en">
<head>
	<title>个人中心</title>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection"content="telephone=no, email=no" />
    <link rel="stylesheet" type="text/css" href="css/ui.css"/>
    <script src="js/libs/TouchSlide.1.1.source.js"></script>
</head>
<body>
	
	<!--header-->
	<header class="header">
		<!--左边icon-->
    	<div class="header-left">
        	<a class="header-back" href="admin.html" target="_self"></a>
        </div>
        <!--可以使用h1或者其余的tag .header-title-->
      	<h1>账单明细</h1>
    </header>
    
    <!--main-->
    <div id="main-nf">
    	
    	<div class="p3-my-list" id="p3-my-list">
    		
    		<div class="hd p3-my-hd">
    			<ul class="flexbox">
    				<li class="on flexbox-item">销售账单</li>
    				<li class="flexbox-item">文章账单</li>
    			</ul>
    		</div>
    		<div class="bd" id="bd">
    			<!--销售账单-->
                <div class="con">
                    <div class="g-scroll">
                        <div class="content-scroller">
                            <div class="g-scroll-down"  style="display: none;">
                                <span class="pullDownLabel">下拉刷新</span>
                            </div>
                            <ul class="p3-my-list-view">
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品购买1件商品购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                            </ul>
                            <div class="g-scroll-up">
                                <i class="pullUpIcon"></i>
                                <span class="pullUpLabel">上拉显示更多</span>
                            </div>
                        </div>
                    </div>    
                    
                </div>
    			<!--文章账单-->
    			<div class="con">
                    <!-- <ul class="p3-my-list-view">
                        <li>
                            <img src="img/photo.png" width="50px" height="40px" alt="" />
                            <div class="p3-my-list-ss">
                                <a href="">韩力 购买1件商品</a>
                                <span>2015-04-03 09:12:11</span>
                            </div>
                            <div class="p3-my-list-status">
                                <strong>￥0.01</strong>
                                <span>点击次数<em>60</em></span>
                            </div>
                        </li>
                        <li>
                            <img src="img/photo.png" width="50px" height="40px" alt="" />
                            <div class="p3-my-list-ss">
                                <a href="">韩力 购买1件商品</a>
                                <span>2015-04-03 09:12:11</span>
                            </div>
                            <div class="p3-my-list-status">
                                <strong>￥0.01</strong>
                                <span>点击次数<em>60</em></span>
                            </div>
                        </li>
                        <li>
                            <img src="img/photo.png" width="50px" height="40px" alt="" />
                            <div class="p3-my-list-ss">
                                <a href="">韩力 购买1件商品</a>
                                <span>2015-04-03 09:12:11</span>
                            </div>
                            <div class="p3-my-list-status">
                                <strong>￥0.01</strong>
                                <span>点击次数<em>60</em></span>
                            </div>
                        </li>
                        <li>
                            <img src="img/photo.png" width="50px" height="40px" alt="" />
                            <div class="p3-my-list-ss">
                                <a href="">韩力 购买1件商品</a>
                                <span>2015-04-03 09:12:11</span>
                            </div>
                            <div class="p3-my-list-status">
                                <strong>￥0.01</strong>
                                <span>点击次数<em>60</em></span>
                            </div>
                        </li>
                        <li>
                            <img src="img/photo.png" width="50px" height="40px" alt="" />
                            <div class="p3-my-list-ss">
                                <a href="">韩力 购买1件商品</a>
                                <span>2015-04-03 09:12:11</span>
                            </div>
                            <div class="p3-my-list-status">
                                <strong>￥0.01</strong>
                                <span>点击次数<em>60</em></span>
                            </div>
                        </li>
                    </ul> -->
                    <div class="g-scroll">
                        <div class="content-scroller">
                            <div class="g-scroll-down"  style="display: none;">
                                <span class="pullDownLabel">下拉刷新</span>
                            </div>
                            <ul class="p3-my-list-view">
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品购买1件商品购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/photo.png" width="50px" height="40px" alt="" />
                                    <div class="p3-my-list-ss">
                                        <a href="">韩力 购买1件商品</a>
                                        <span>2015-04-03 09:12:11</span>
                                    </div>
                                    <div class="p3-my-list-status">
                                        <strong>￥0.01</strong>
                                        <span><em>商家已发货</em></span>
                                    </div>
                                </li>
                            </ul>
                            <div class="g-scroll-up">
                                <i class="pullUpIcon"></i>
                                <span class="pullUpLabel">上拉显示更多</span>
                            </div>
                        </div>
                    </div>
    			</div>
    			
    		</div>
    		
    	</div>
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/SysBase.js"></script>
        <script src="js/libs/iscroll-probe.js"></script>
    	<script>
            
			TouchSlide( { slideCell:"#p3-my-list",

				endFun:function(i){ //高度自适应
					var bd = document.getElementById("bd");
					bd.style.height = bd.children[i].children[0].offsetHeight+"px";
					if(i>0)bd.parentNode.style.transition="200ms";//添加动画效果
				}

			} );

            $('.g-scroll').height($(window).height() - 46)
            $('.g-scroll').gscroll();
        </script>
    	
    </div>
    
</body>
</html>